<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/template/common/commonLayout.xhtml">
		<ui:param name="tasksCount" value="#{tasksBasicView.getTasksCount()}" />

		<ui:define name="content">

			<p:layout>
				<p:layoutUnit position="center" resizable="true">
					<p:dataTable var="task" value="#{tasksBasicView.tasks}">
						<p:column headerText="№" style="width:10%;" sortBy="#{task.id}">
							<h:outputText value="#{task.id}" />
						</p:column>

						<p:column headerText="Date" style="width:20%;">
							<h:outputText value="#{task.date}">
								<f:convertDateTime type="date" pattern="yyyy-MM-dd" />
							</h:outputText>
						</p:column>

						<p:column headerText="Description">
							<h:outputText value="#{task.description}" />
						</p:column>
					</p:dataTable>
				</p:layoutUnit>

				<p:layoutUnit position="east">
        Center
    </p:layoutUnit>
			</p:layout>


		</ui:define>

	</ui:composition>

</h:body>

</html>